<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />		
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<!--【备注】手机浏览识别，以上4个元标记*必须*在头部；-->
		<title>立即下单</title>
		<!--标准mui.css，公共样式-->
		<link rel="stylesheet" href="../css/mui.min.css" />
		<link href="../css/iconfont/iconfont.css" rel="stylesheet"/>
		<link href="../css/public.css" rel="stylesheet"/>
		<!--自定义个人端样式-->
		<link rel="stylesheet" type="text/css" href="../css/map/stype.css"/>
		<link rel="stylesheet" type="text/css" href="../css/order.css" />
	    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=A8773a52f6d9bc0ecaea7f15acdd13e0"></script>
	    <style>
	    	
			.list-p p{color: #666;line-height: 78px;}  
			.list-p i{padding-right: 10px;}
			.list-p p:first-child{border-bottom: 1px solid #ccc;} 
			/*小费*/
			.mui-mid{margin-top: 50px;text-align: center;}
			.mui-mid p{color: #ff9000;float: left;line-height: 40px;}
			.mui-mid input[type=number]{width: 22%;background: #fff;border: 1px solid #ff9000;margin-right: 6px;padding: 0 15px;height: 35px;}			
			.mui-input-row{height: 45px;}
			.mui-mid button{border: 1px solid #ccc;float: left;}
			.mui-mid h3{padding-bottom: 10px;}
			.mui-mid h4{padding-bottom: 20px;}
	    </style>
	</head>		 
	<body>
		<!-- 主页面标题 -->
		<header class="mui-bar mui-bar-nav">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left color6"></a>
		    <h1 class="mui-title">确认下单</h1>		    
		</header>		
		<div class="mui-content">
			<div class="orde_top">
				<p>接驾<a>5km以内</a>免费，<a>超过5km</a>收取3元/km接驾费。订单发出后长时间无司机接单可适当<a>给司机小费</a>来提高接单率。</p>
			</div>
			<div id="allmap" style="width: 100%;height: 100%;position: absolute;bottom: 0px;"></div>
			<div class="list-p" style="margin-top: 310px;">
				
			    <form class="mui-input-group m_r15" style="width: 100%;">
					<div class="mui-input-row b_b1 style="width: 100%;"" >
						<label style="width: 10px!important;"><span class="iconfont mui-icon font18 colorP icon-dian-copy"></span></label>
						<input type="text" class="mui-input-clear font14 mui-pull-left" id="initial_position" placeholder="起点位置" value="" style="width: 85%!important;" disabled="disabled"/>
					</div>
					<div class="mui-input-row">
						<label style="width: 10px!important;"><span class="iconfont mui-icon font18 color_orange icon-dian-copy"></span></label>
						<input type="text" class="w80 mui-pull-left font14" id="map_num" placeholder="终点位置" style="width: 85%!important;"disabled="disabled"/>
					</div>
					<div class="mui-mid" style="margin-top: 15px!important;padding-bottom: 80px!important;">
							<h4 style="padding-bottom: 5px!important;">预估费用<b class="color_green pay"></b>元<a style="color: #000000;font-size: 10px;">(不包含小费)</a></h4>
							<h5>小费：<b class="color_green tip"></b>元</h5>
				    <!--<div class="small_cash"><p>小费：</p><input id="call_driver" class="mui-numbox-input font14" type="number" placeholder="0" value=""><span class="company_cash">元</span></div>				    
				    <span class="mui-h5"><br>( 小费金额在5-200元之间 )</span>-->
					</div>
				<div class="mui-mid p_tb11_lr15" style="position: absolute;bottom: 0;width: 100%!important;margin-top: 0!important;">
					<button type="button" class="mui-btn mui-btn-green w100 p_tb11_lr15 font16 bg_green b_r8" id="sendOrder">确认下单</button>
				</div>
				</form>
				
			</div>
			
				<p class="OrderId" style="opacity: 0;"></p>
		</div>	
		
	</body>
	<!-- Mui core JavaScript-->
	<script type="text/javascript" src="../js/mui.min.js"></script>
	<script type="text/javascript" src="../js/jquery-2.2.4.min.js"></script>
	<script type="text/javascript" src="../js/appconfig.js"></script>
	<script src="../js/data/Immediate.js" type="text/javascript" charset="utf-8"></script>
	<!--地图--> 
	<!--<script src="../js/map/home.js" type="text/javascript" charset="utf-8"></script>-->
	<script>
		mui.init();
		//马上推荐
		function Recom(){
			tool.openNewPage('my_recommend.html');
		}
		//司机信息
		function Cars(){
			tool.openNewPage('driver_info.html');
		}		
		//地图高度
		var h=$(window).height()-45;
		$('.mui-content').css("height",h+"px");
		

		//從上一個頁面獲取始終位置
		var ids=localStorage.ID;
		var names=localStorage.name;
		var tip=localStorage.getItem("tips");
		
		$("#map_num").val(ids);
		$("#initial_position").val(names);
		$(".tip").html(tip);
		
		localStorage.clear();
		
		var ids=$("#OrderId").html();
		if(typeof(Storage) !== "undefined") {
			localStorage.setItem("oriderId",ids);
						
		}
	</script>
	
</html>